<script lang="ts">
export default {
  name: "welcome",
  components: {
    top,
    center,
    bottom
  }
};
</script>
<script setup lang="ts">
// import {
//   ReGithub,
//   ReInfinite,
//   RePie,
//   ReLine,
//   ReBar
// } from "/@/components/ReCharts/index";
import { ref } from "vue";
import top from "./top.vue";
import center from "./center.vue";
import bottom from "./bottom.vue";
let loading = ref<boolean>(true);
setTimeout(() => {
  loading.value = !loading.value;
}, 800);
</script>
<template>
  <div class="welcome">
    <el-row>
      <el-col :span="24">
        <top></top>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <center></center>
      </el-col>
      <el-col :span="24">
        <bottom></bottom>
      </el-col>
    </el-row>
  </div>
</template>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
.main-content {
  margin: 0;
}
.welcome {
  height: 100%;
  background: #fff;
}
</style>
